login-page {
    input {
        border: none;
    }
    div.logo {
        width: 100%;
        height: auto;
        >img {
            width: 100%;
        }
    }
    button.login {
        background-color: color($basic, main-dark);
        border-radius: $radius;
        width: 80%;
        margin-left: 10%;
        font-size: 1.3rem;
    }
    .item {
        color: $text;
        width: 80%;
        margin: 1rem 10%;
        padding: .8rem;
        &.border {
            border-radius: $radius;
            border: 1px solid $border-color;
            >.clear {
                right: 1rem;
                position: absolute;
                top: 1rem;
                font-size: 2rem;
            }
        }
    }
    #menu {
        padding: .2rem;
        font-size: 1.2rem;
        &>* {
            vertical-align: middle;
        }
        >input {
            width: 1.2rem;
            height: 1.2rem;
        }
        >span {
            float: right;
            font-size: 1.4rem;
        }
    }
}